body {
    background-color: #fff;
    margin-top: 0px !important;
}
.divMargin {
    width:100%;
    float: left;
    padding:5px;
}
.divFloatSTyle {
    width: 100%;
    float: left;
    padding:10px;
}
.div-bar {
    float: left;
    width:100%;
    padding-right: 0px !important;
    padding-left: 0px !important;
    margin-bottom: 20px;
}
.div-nav-bar {
    padding-left: 0px !important;
    padding-right: 0px !important;
}
/*@media screen and (max-width: 1000px) {
    .imagesStyle {
        
    }
}*/
@media screen and (max-width: 768px) {
    .imagesStyle {
        margin:0px auto;
    }
}

.home-tips {
    float: right !important;
    line-height: 55px;
    margin-right: 10px;
}
.home-tips {
    float: right;
}
.ui-home-tips {
    float: right;
}
.ui-home-tips>li {
    float: left;
    list-style-type: none;
    margin-right: 10px;
    /*font-size: 16px;*/
}
.ui-home-tips>li:last-child{
    width:180px;
}
.ui-home-tips>li>a {
    color: rgb(60,51,47);
}
.ui-home-tips>li>a:hover{
    color: rgb(246,116,73);
    text-decoration: none;
}
.a-line {
    border-right: 2px solid #7a869d;
    padding-right: 10px;
}
/*******  2  *******/
.div-content {
    width:100%;
    float: left;
    padding: 15px;
    background-color: rgb(242,242,242);
}
.div-content-frist {
    text-align: center;
}
.div-imgStyle {
    margin:0px auto;
}
.imgMarginAuto {
    margin:0px auto;
}
.hpDiv {
    margin-bottom: 40px;
}
.imgWidth {
    width:100%;
}
/*@media screen and (max-width: 1000px) {
    .mediaWidth {
        width:100%;
    }
    .bgColor {
        background-color: transparent;
    }
    .imagesStyle {
        margin:0px auto;
    }
}*/
@media screen and (max-width: 768px) {
    .mediaWidth {
        width:100%;
    }
    .bgColor {
        background-color: transparent !important;
    }
}
.div-content {
    margin-bottom: 20px;
}
/*******  3  ********/
.div-picture-content {
    padding:15px ;
    margin-bottom: 20px;
    float: left;
    width:100%;
    background-color: rgb(242,242,242);
}
.marginDivStyle {
    padding:0px !important;
    margin-bottom:10px;
}
.textConter {
    text-align: center;
}

/******  4  ********/
.div-lastcontent {
    float: left;
    padding:15px;
    margin-bottom: 20px;
    width:100%;
    background-color: rgb(242,242,242);
}
.lastDivText {
    text-align: center;
}
.form_style {
    width:50%;
    margin:100px auto 100px auto;
}
.boxFooter {
    float: left;
    width:100%;
    padding:0px 10px;
}
.div-box-body {
    padding:10px 10px 0px 10px !important;
}
.btn_width {
    width:100%;
    background-color: rgb(237,107,57) !important;
    border-color: rgb(237,107,57) !important;
}
/*@media screen and (max-width: 1000px) {
    .form_style {
        width:100%;
    }
    .form_style {
        width:100%;
        margin:50px auto 100px auto;
    }
}*/
@media screen and (max-width: 768px) {
    .form_style {
        width:100%;
    }
    .form_style {
        width:100%;
        margin:50px auto 100px auto;
    }
}
.tablePaddingStyle {
    padding:0px 40px;
}

.btn-style {
    background-color: rgb(237,107,57) !important;
    border-color: rgb(237,107,57) !important;
}
.btn-style-grey {
    background-color: #485674 !important;
    border-color: #485674 !important;
}
.copyright{
    border: none!important;
    color: #00d6b2;
}



.fix-top{
    margin-bottom: 25px;
}

.trial-choose{
    margin-top: 30px;
}
.trial-industry ul{
    overflow: hidden;
    padding-left: 0;
}
.trial-industry ul li{
    list-style-type:none;
    float: left;
    /*width: 15%;*/
    margin: 2px 9px;
}
.trial-industry span{
    border: 1px solid;
    border-radius: 3px;
    margin: 6px 0;
    cursor: pointer;
    display: inline-block;
    padding: 5px;
}
.login-page{ color:#fff; background:url(/dashboard/images/sign-in.jpg); background-size:cover}
.log-area{ margin-top:20px}
p.pull-right{ margin-bottom:0}
.nav-tabs-custom{ background:rgba(255,255,255,0.15);min-height: 400px; }
.login-logo img{ max-height:100px}

a{ color:#f26236}
a:hover{ color:#FF5809}
.btn-primary{ background-color:#f26236; border-color:#f26236}
.btn-primary:hover{ background-color:#FF5809; border-color:#FF5809}
.login-box-title{text-align: center; margin: 5% 0}
.industry-selected{
    color: #f26236;
}

.div-bar{ position:relative; z-index:10}
.ui-home-tips{ margin-right:50px}
.ui-home-tips>li>a,.ui-home-tips>li:last-child{ color:#fff}
.a-line{ border-right:1px solid #fff}
.tablePaddingStyle  .nav-tabs-custom{ max-width:450px; box-shadow:none; margin:0 auto}
.div-content{ position:relative; background:#fff; margin-bottom:0}
.div-picture-content{ margin-bottom:0}
.div-content-last{ position:absolute!important; background-color:#F26236; top:-100px; bottom:0; right:0; padding-top:140px!important}
.div-picture-content{ background-color:#485674; color:#fff}
.hpDiv-last h4{ line-height:1.3em}
.marginDivStyle-last{ position: absolute!important; right: 0; top: 0; bottom: 0; background: #fff; padding: 50px!important; margin-bottom:0}
.qrcode{ width:200px}
.image1{ width:40%; margin:20px auto}
.image2{ width:60%; margin:20px auto}
.image3{ width:80%; margin:20px auto}

/*@media screen and (max-width: 1000px) {
    .tablePaddingStyle {
        padding: 0px !important;
    }
    .nav-tabs-custom>.tab-content {
        padding:0px !important;
    }
    .login-box-body {
        padding:0px !important;
    }
}*/
@media screen and (max-width: 768px) {
    .tablePaddingStyle {
        padding: 0px !important;
    }
    .nav-tabs-custom>.tab-content {
        padding:0px !important;
    }
    .login-box-body {
        padding:0px !important;
    }
    .tablePaddingStyle  .nav-tabs-custom{ max-width: 100%}
    .div-content{ margin-bottom:20px}
    .div-picture-content{ margin-bottom:20px}
    body .div-content-last{ float: none!important; width:auto!important; position: relative!important; top:0; right:0; bottom:0; padding:30px!important; margin-left:-30px!important; margin-right:-30px!important}
    .nav-tabs-custom{ padding:30px}
    .div-picture-content{ color:inherit}
    .div-picture-content h3{ line-height: 1.5em}
    .hpDiv-last h3{ text-align: center}
    .marginDivStyle-last{ position:static!important; right: 0; top: 0; bottom: 0; background:none; padding:0!important; margin-bottom:10px}
    .qrcode{ width:auto; max-width:100%}
    .image1{ width:auto}
    .image2{ width:auto}
    .image3{ width:auto}
}
